<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
      <meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>yunSpace</title>
    <!-- Path to Framework7 Library CSS-->
    <link rel="stylesheet" href="css/framework7.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
      <link rel="stylesheet" href="css/ionicons.min.css"/>
      <link rel="stylesheet" href="css/fullcalendar.css"/>
    <!-- Path to your custom app styles-->
    <link rel="stylesheet" href="css/my-app.css">
      <script type="text/javascript" src="js/jquery/jquery-1.11.2.min.js"></script>
      <script type="text/javascript" src="js/moment.min.js"></script>
      <script type="text/javascript" src="js/fullcalendar.js"></script>
  </head>
  <body >
    <!-- Status bar overlay for fullscreen mode-->
    <div class="statusbar-overlay"></div>
    <!-- Panels overlay-->
    <div class="panel-overlay my_panel-overlay"></div>
    <!-- Left panel with reveal effect-->
    <div class="panel panel-left panel-cover my_panel_left">
      <div class="">
          <div class="c_img">
              <a href="person.html">
                  <img src="images/order-c.jpg" alt=""/>
                  <div class="user_info" id="user_info">
                      <img src="images/head.jpg" alt="" onerror="appMain.headImgOnerror()"/>
                      <!--<img id="image" src="" style="width:100%;">-->
                      <p class="myName"></p>
                      <P class="myAccount">公司: <span></span></P>
                  </div>
              </a>
              <div class="panel_list">
                  <ul>
                      <li class="" id="panelHomeLink"><a href="order.html" class="close-panel"><i class="ion-android-home"></i>首页</a></li>
                      <li id="panelServiceLink"><a href="" class="close-panel"><i class="fa fa-skyatlas"></i>云服务</a></li>
                      <li id="panelMessageLink"><a href="" class="close-panel"><i class="ion-ios-chatbubble"></i>云消息</a></li>
                      <!--<li class=""><a href=""><i class="ion-ios-home"></i>首页</a></li>-->
                      <!--<li><a href=""><i class="ion-ios-cloud-outline"></i>云服务</a></li>-->
                      <!--<li><a href=""><i class="ion-ios-chatbubble"></i>云消息</a></li>-->
                  </ul>
                  <ul>
                      <li class=""><a href="" class="close-panel"><i class="ion-ios-person"></i>账户管理</a></li>
                      <li><a href="" class="close-panel"><i class="ion-ios-world-outline"></i>企业服务</a></li>
                      <li id="panelPurseLink"><a href="" class="close-panel"><i class="ion-ios-briefcase-outline"></i>我的钱包</a></li>
                  </ul>
              </div>
          </div>
      </div>
        <span class="logOut" id="logOut">
            <i class="ion-log-out"></i>退出登录
        </span>
    </div>
    <!-- Right panel with cover effect-->
    <!--<div class="panel panel-right panel-cover my_panel_right">-->
      <!--<div class="content-block mt0 pt0">-->
          <!--<div class="fil_list active">-->
            <!--<p>空间场地类型 <span><i class="fa fa-angle-down"></i></span></p>-->
            <!--<ul>-->
                <!--<li class="active"><a href="#">全部</a></li>-->
                <!--<li><a href="#">商业广场</a></li>-->
                <!--<li><a href="#">艺术馆画廊</a></li>-->
                <!--<li><a href="#">体育场馆</a></li>-->
            <!--</ul>-->
          <!--</div>-->
          <!--<div class="fil_list">-->
              <!--<p>适合活动类型 <span><i class="fa fa-angle-down"></i></span></p>-->
              <!--<ul>-->
                  <!--<li><a href="#">全部</a></li>-->
                  <!--<li><a href="#">商业广场</a></li>-->
                  <!--<li><a href="#">艺术馆画廊</a></li>-->
                  <!--<li><a href="#">体育场馆</a></li>-->
              <!--</ul>-->
          <!--</div>-->
          <!--<div class="fil_list">-->
              <!--<p>适合活动类型 <span><i class="fa fa-angle-down"></i></span></p>-->
              <!--<ul>-->
                  <!--<li><a href="#">全部</a></li>-->
                  <!--<li><a href="#">商业广场</a></li>-->
                  <!--<li><a href="#">艺术馆画廊</a></li>-->
                  <!--<li><a href="#">体育场馆</a></li>-->
              <!--</ul>-->
          <!--</div>-->
      <!--</div>-->
    <!--</div>-->
    <!-- Views-->
    <div class="views tabs toolbar-through tabbar-through">
      <!-- Your main view, should have "view-main" class-->
        <div id="mainView" class="view view-main tab active">
            <div class="navbar">
                <div class="navbar-inner">
                    <div class="center sliding">云·Space管家</div>
                </div>
            </div>
          <div class="pages">
              <div data-page="" class="page no-tabbar no-toolbar no-swipeback loadWithLogo" id="loadWithLogo">
                  <div class="no_content">
                      <div class="icon">
                          <i class="ion-ios-pulse-strong"></i>
                          <p>点击刷新</p>
                      </div>
                  </div>
              </div>

          </div>
      </div>


        <div id="messageView" class="view tab">

            <!-- We don't need full layout here, because this page will be parsed with Ajax-->
            <!-- Top Navbar-->
            <div class="navbar">
                <div class="navbar-inner">
                    <div class="left"><a href="#" class="link open-panel" data-panel="left"> <i class="ion-navicon"></i></a></div>
                    <div class="center sliding">消息</div>
                </div>
            </div>
            <div class="pages">
                <!-- Page, data-page contains page name-->
                <div data-page="message" class="page navbar-through toolbar-through tabbar-through" id="messagePage">
                    <!--<form data-search-list=".list-block-search" data-search-in=".item-title" class="searchbar searchbar-init">-->
                        <!--<div class="searchbar-input">-->
                            <!--<input type="search" placeholder="搜索" id="searchMessage" class="searchMessage"><a href="#" class="searchbar-clear" ></a>-->
                        <!--</div><a href="#" class="searchbar-cancel">取消</a>-->
                    <!--</form>-->

                    <!-- Search bar overlay-->
                    <div class="searchbar-overlay"></div>
                    <!-- Scrollable page content-->
                    <div class="page-content my_page_content message_list pull-to-refresh-content">
                        <div class="pull-to-refresh-layer">
                            <div class="preloader"></div>
                            <div class="pull-to-refresh-arrow"></div>
                        </div>
                        <ul id="contactList">
                        </ul>
                        <div class="no_content">
                            <div class="icon">
                                <i class="ion-ios-pulse-strong"></i>
                                <p>下拉可刷新内容</p>
                            </div>
                        </div>
                        <!--<div class="more_list content-block my_button" id="moreContactList">-->
                            <!--<a href="#" class="button">点击加载更多</a>-->
                        <!--</div>-->
                    </div>
                </div>
            </div>
        </div>
        <div id="serviceView" class="view tab">
            <div class="navbar">
                <div class="navbar-inner">
                    <div class="left"><a href="#" class="link open-panel" data-panel="left"> <i class="ion-navicon"></i></a></div>
                    <div class="center sliding">服务内容</div>
                </div>
            </div>
            <div class="pages">
                <!-- Page, data-page contains page name-->
                <div data-page="service" class="page navbar-through toolbar-through tabbar-through" id="service">
                    <div class="page-content my_page_content message_list pull-to-refresh-content">
                        <div class="pull-to-refresh-layer">
                            <div class="preloader"></div>
                            <div class="pull-to-refresh-arrow"></div>
                        </div>
                        <div class="serviceTabNav">
                            <div class="buttons-row">
                                <a href="#tab1" class="tab-link active button" style="border-radius: 5px">我的服务</a>
                            </div>
                        </div>
                        <ul id="serviceList">

                        </ul>
                        <div class="more_list content-block my_button" id="moreServiceList">
                            <a href="#" class="button">点击加载更多</a>
                        </div>
                        <div class="no_content">
                            <div class="icon">
                                <i class="ion-ios-pulse-strong"></i>
                                <p>下拉可刷新内容</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="purseView" class="view tab">
            <div class="navbar">
                <div class="navbar-inner">
                    <!--<div class="left"><a href="#" class="back link"> <i class="fa fa-2 fa-angle-left"></i></a></div>-->
                    <!--<div class="left"><a href="#" class="link back"> <i class="fa fa-angle-left"></i><span>返回</span></a></div>-->
                    <div class="left"><a href="#" class="link open-panel" data-panel="left"> <i class="ion-navicon"></i></a></div>
                    <div class="center sliding">钱包账户</div>
                    <!--<div class="right">-->
                    <!--<a href="#" class="link icon-only open-panel" data-panel="right"><i class="fa fa-filter"></i></a>-->
                    <!--</div>-->
                </div>
            </div>
            <div class="pages">
                <div data-page="purse" class="page navbar-through toolbar-through tabbar-through">
                    <div class="page-content my_page_content pull-to-refresh-content">
                        <div class="pull-to-refresh-layer">
                            <div class="preloader"></div>
                            <div class="pull-to-refresh-arrow"></div>
                        </div>
                        <div id="myPurse">
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="toolbar my_toolbar tabbar toolbar-hidden">
            <div class="toolbar-inner">
                <a href="#mainView" class="tab-link active my_tab_link">
                    <i class="ion-ios-list-outline"></i>
                    <span class="tabbar-label">订单</span>
                </a>
                <a href="#messageView" class="tab-link my_tab_link">
                    <i class="ion-ios-chatbubble"></i>
                    <span class="tabbar-label">消息</span>
                </a>
                <a href="#serviceView" class="tab-link my_tab_link">
                    <i class="ion-ios-world-outline"></i>
                    <span class="tabbar-label">服务内容</span>
                </a>
                <a href="#purseView" class="tab-link my_tab_link">
                    <i class="ion-ios-briefcase-outline"></i>
                    <span class="tabbar-label">钱包</span>
                </a>
            </div>
        </div>
    </div>

    <script id="show-order-template" type="text/template7">
        {{#each shows}}
        <div class="content_list my_block clearfix act">
            <a href="orderInfo.html?id={{id}}" class="clearfix" data-id="{{id}}">
                <div class="list_left fl">
                    <div class="list_time">
                        <font>更新时间：</font>{{update_time}}
                    </div>
                    <div class="my_block_top clearfix">
                        <span><i class="ion-ios-list-outline"></i><font>订单号:</font></span>
                        <span>{{order_no}}</span>
                    </div>
                    <div class="list_name">
                        <font>订单名称：</font>{{order_title}}
                    </div>

                </div>
                <div class="list_right">
                    <span class="act">{{order_status_text}}</span>
                </div>
            </a>
        </div>
        {{/each}}
    </script>
    <script id="show-order-info-template" type="text/template7">
        {{#shows}}
        <div class="order_info">
            <p class="order_info_no">
                <span><i class="fa fa-align-left iColor1"></i>订单号</span>
                <span>{{order_no}}</span>
            </p>
            <p class="mb25">
                <span><i class="fa fa-file-o iColor1"></i>订单名称</span>
                <span>{{order_title}}</span>
            </p>

            <p>
                <span><i class="fa fa-clock-o iColor2"></i>下单时间</span>
                <span>{{start_time}}</span>
            </p>
            <p class="mb25">
                <span><i class="fa fa-pencil-square-o iColor2"></i>订单状态</span>
                <span>{{order_status_text}}</span>
            </p>

            <p>
                <span><i class="fa fa-user iColor3"></i>联系人</span>
                <span>{{username}}</span>
            </p>
            <p class="mb25">
                <span><i class="fa fa-phone iColor3"></i>联系电话</span>
                <span>{{phone}}</span>
            </p>
        </div>
        {{#js_compare "this.order_status=='0'"}}
        <div class="content-block">
            <div class="row">
                <div class="col-50" id="confirmOrder"><a href="#" class="button button-big button-fill color-green">通过</a></div>
                <div class="col-50" id="cancelOrder"><a href="#" class="button button-big button-fill color-red">放弃</a></div>
            </div>
        </div>
        <div class="content-block">
            <div class="row">
                <div class="" style="width: 100%"><a href="messageContent.html?from_id={{buyer_account_id}}" class="button button-big button-fill color-green">发消息</a></div>
            </div>
        </div>
        {{else}}
        <div class="content-block">
            <div class="row">
                <div class="" style="width: 100%"><a href="messageContent.html?from_id={{buyer_account_id}}" class="button button-big button-fill color-green">发消息</a></div>
            </div>
        </div>
        {{/js_compare}}
        {{/shows}}

    </script>

    <script id="show-person-info-template" type="text/template7">
        <div class="page-content">
            <div class="myBackBtn">
                <a href="#" class="link back"><i class="ion-ios-arrow-left"></i><span>返回</span></a>
            </div>
            <div class="personTop">
                    <div class="img">
                        <!--<a href="#" data-popover=".popover-links" class="open-popover">-->
                            <img src="images/head.jpg" alt="" onerror="appMain.headImgOnerror()"/>
                        <!--</a>-->
                    </div>
                <div class="myName">
                </div>
                <!--<div class="info">-->
                    <!--<span>普通用户</span>-->
                    <!--<span>企业账户</span>-->
                    <!--<span>等级-低</span>-->
                <!--</div>-->
            </div>
            <div class="personCenter">
                <div class="list-block my_content_block">
                    <ul>
                        {{#balance}}
                        <li>
                            <a href="#" class="item-link">
                                <div class="item-content">
                                    <div class="item-inner">
                                        <div class="item-title"><font>余额：</font><span class="iColor2">{{this}}</span> 元</div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        {{/balance}}
                        {{#each orders}}
                        <li>
                            <a href="#" class="item-link">
                                <div class="item-content">
                                    <div class="item-inner">
                                        <div class="item-title"><font>{{@key}}：</font><span class="iColor1">{{this}}</span> </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        {{/each}}
                    </ul>
                </div>
            </div>
        </div>

    </script>
    <script id="show-service-template" type="text/template7">
        {{#each shows}}
        <li data-id="{{id}}">
            <a href="serviceInfo.html?id={{id}}" class="item-link item-content ">
                <div class="message_block ">
                    {{#if logo}}
                        <p class="user_pic service_pic"><img src="{{logo}}" alt="" onerror="appMain.listImgOnerror()"/></p>
                    {{else}}
                        <p class="user_pic service_pic"><img src="images/vendor.jpg" alt=""/></p>
                    {{/if}}
                    <div class="block_right service_right">
                        <p class="name">{{product_name}} </p>
                        {{#if des}}
                            <p class="content" style="display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">{{des}}</p>
                        {{else}}
                            <p class="content"><font>地址：</font>{{addr}}</p>
                        {{/if}}
                    </div>
                </div>
            </a>
        </li>
        {{/each}}
    </script>
    <script id="show-service-info-template" type="text/template7">
        {{#shows}}
            <div class="serviceTopImg">
                {{#if media.length}}
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            {{#each media}}
                            <div class="swiper-slide">
                                <img src="{{path}}" onerror="appMain.listImgOnerror()">
                                <!--<div class="preloader"></div>-->
                            </div>
                            {{/each}}
                        </div>
                        <div class="swiper-pagination color-white"></div>
                    </div>
                {{/if}}
            </div>
            <div class="serviceInfo_block">
                <p><i class="fa fa-users iColor1"></i>基本信息 <a href="shedule.html?id={{id}}&name={{product_name}}" class="fr"><i class="ion-ios-calendar"></i>档期管理</a></p>
                <p><font>名称：</font>{{product_name}}</p>
                <p><font>地址：</font>{{addr}}</p>
                <p><font>价格：</font>{{price}}元</p>
                {{#each attr}}
                    {{#if this}}
                        <p><font>{{@key}}：</font>{{this}}</p>
                    {{/if}}
                {{/each}}
                {{#if des}}
                    <p><font>描述：</font>{{des}}</p>
                {{/if}}
                {{#if memo}}
                     <p><font>备注：</font>{{memo}}</p>
                {{/if}}
            </div>

            {{#if marketing}}
                <div class="serviceInfo_block">
                    <p><i class="fa fa-money iColor3"></i>佣金详情</p>
                    <p><font>平台成交佣金：</font>{{marketing.platform_charges}}元</p>
                    <p><font>推广成交佣金：</font>{{marketing.recommend_charges}}元</p>
                    <!--<p><font>推广次数：</font>{{marketing.recommend_count}}</p>-->
                </div>
            {{/if}}

        {{/shows}}
    </script>
    <script id="show-contact-template" type="text/template7">
        {{#each shows}}
        <li data-id="{{real_send_time}}">
            <a href="messageContent.html?from_id={{id}}" class="item-link item-content ">
                <div class="message_block ">
                    <p class="user_pic"><img src="{{avatar}}" alt="" onerror="appMain.headImgOnerror()"/></p>
                    <div class="block_right">
                        <p class="name">{{username}} <font>{{send_time}}</font></p>
                        {{#if c}}
                            <p class="content" class="yellow"><font class="iColor2">{{c}}</font>条信息未读</p>
                        {{else}}
                            <p class="content" >所有信息已读</p>
                        {{/if}}
                    </div>
                </div>
            </a>
        </li>
        {{/each}}
    </script>

    <script id="show-message-content-template" type="text/template7">
        {{#each shows}}
            {{#if is_my}}
                {{#if send_format_time}}
                    <div class="messages-date">{{send_format_time}}</span></div>
                {{/if}}
                <div class="message message-sent message-with-avatar message-last message-with-tail message-first" data-id="{{id}}">
                    <div class="message-text">{{message}}</div>
                    <div style="" class="message-avatar"></div>
                    <div style="background-image:url({{avatar}})" class="message-avatar"></div>
                </div>
            {{else}}
                {{#if send_format_time}}
                    <div class="messages-date">{{send_format_time}}</span></div>
                {{/if}}
                <div class="message message-received message-with-avatar message-last message-with-tail message-first" data-id="{{id}}">
                    <div class="message-name">{{username}}</div>
                    <div class="message-text">{{message}}</div>
                    <div style="background-image:url({{avatar}})" class="message-avatar"></div>
                </div>
            {{/if}}

        {{/each}}
    </script>
    <script id="show-my-purse-template" type="text/template7">
        {{#if shows}}
        {{#shows}}
        <div class="purseTop_block">
            <p><i class="fa fa-money"></i>当前余额(元)</p>
            {{#account}}
            <p>{{balance}}</p>
            {{/account}}
            <!--<p class="line1"></p>-->
            <!--<p class="mt10">总资产(元)</p>-->
            <!--<p>100000000 <a href="">银行卡管理</a> <a href="">提现支出</a></p>-->
        </div>

        <div class="purseCenter">
            <div class="clearfix purseTime">
                <div class="select_date">
                    <!--<a href="#" data-popover="#popover-purse-date" class="open-popover" style="display: block;">-->
                        <!--<p style="color: #fff; padding: 12px 0; font-size: 16px"><font>{{dates[0]}}</font><i class="fa fa-sort-desc"></i></p>-->
                    <!--</a>-->
                    <select class="form-control" name="mode" id="" onchange="pageCtrl.purseChangeDate(this.value)">
                         {{#each dates}}
                            <option value="{{this}}">
                                {{this}}
                            </option>
                        {{/each}}
                    </select>

                </div>

                <div>
                    <p>支出(元)</p>
                    <p>{{total_amount[0]}}</p>
                </div>
                <div>
                    <p>收入(元)</p>
                    <p>{{total_amount[1]}}</p>
                </div>

            </div>
            <div class="purseList message_list">
                {{#if account_detail_length}}
                <ul id="moneyList">
                    {{#each account_detail}}
                    <li>
                        <div class="message_block ">
                            <div class="block_right">
                                <p class="name">{{create_time}} <font>{{category}}</font></p>
                                <p class="name">{{detail.payment_title}} <font>{{amount}}</font></p>
                                <p class="content"><font>订单号:</font>{{detail.order_no}}</p>
                            </div>
                        </div>
                    </li>
                    {{/each}}
                </ul>
                <div class="more_list content-block my_button" onclick="pageCtrl.moreMoneyList(this)">
                    <a href="#" class="button" data-pagenumber="2">点击加载更多</a>
                </div>
                {{else}}
                <ul id="moneyList">
                    <div class="no_content">
                        <div class="icon">
                            <i class="ion-ios-pulse-strong"></i>
                            <p>没有内容</p>
                        </div>
                    </div>
                </ul>
                {{/if}}
            </div>

        </div>
        {{/shows}}
        {{else}}
        <div class="no_content">
            <div class="icon">
                <i class="ion-ios-pulse-strong"></i>
                <p>你的钱包功能未开通</p>
            </div>
        </div>
        {{/if}}

    </script>
    <script id="show-my-money-list-template" type="text/template7">
        {{#if account_detail_length}}
        {{#each account_detail}}
        <li>
            <div class="message_block ">
                <div class="block_right">
                    <p class="name">{{create_time}} <font>{{category}}</font></p>
                    <p class="name">{{detail.payment_title}} <font>{{amount}}</font></p>
                    <p class="content"><font>订单号:</font>{{detail.order_no}}</p>
                </div>
            </div>
        </li>
        {{/each}}
        {{/if}}
    </script>
    <script id="show-shedule-table-template" type="text/template7">
        {{#each shows}}
        <div class="message_block ">
            <p class="user_pic service_pic" style="display: block;top:15px;width:10px;height:10px;border-radius: 5px;background: {{color}}"></p>
            <div class="block_right service_right" style="min-height:30px;padding-left: 15px;float: left">
                <!--<div style="width:100%;float:left">-->
                    <p class="name" style="word-wrap: break-word; padding-right: 68px">{{des}}</p>
                    <p class="content" style="display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 10px;">{{start}}--{{end}}</p>
                <!--</div>-->


            </div>
            <div class="delete">
                <a href="" class="del-link deleteShedule" data-id="{{id}}">删除</a>
            </div>
            <div class="clearfix"></div>
        </div>
        {{/each}}
        <!--<table class="tables"  width=250>-->
            <!--<thead>-->
            <!--<tr style="width:100%">-->
                <!--<th class=" table-title1" >-->
                    <!--开始时间-->
                <!--</th>-->
                <!--<th  class=" table-title2">-->
                    <!--结束时间-->
                <!--</th>-->
                <!--<th class=" table-title3"   >-->
                    <!--档期文案-->
                <!--</th>-->
            <!--</tr>-->
            <!--</thead>-->
            <!--<tbody>-->
            <!--{{#each shows}}-->
            <!--<tr>-->
                <!--<td class=" table1 ">{{start}}</td>-->
                <!--<td class="table1" >{{end}}</td>-->
                <!--<td class=" table2"  >{{des}}</td>-->
            <!--</tr>-->
            <!--{{/each}}-->
            <!--</tbody>-->
        <!--</table>-->


    </script>
    <script type="text/javascript" src="cordova.js"></script>
    <script data-main="js/main" src="js/require.js"></script>

  <div class="top_tip">

  </div>
  </body>
</html>
